@small:5px;
@normal:10px;
@medium:20px;
@large:40px;
@font2:22px;
@fs2:14px;
@fs3:16px;
@fs4:18px;
@fs5:20px;
@active_col:#FC5017;
@bor_col:#DDD;

.opacity (@opacity:0) {
    @opacityPercentage: @opacity * 100;
    opacity: @opacity;
    -ms-filter: ~"progid:DXImageTransform.Microsoft.Alpha(opacity = @{opacityPercentage})";
    filter: ~"alpha(opacity = @{opacityPercentage})";
}
.border-radius(@a,@b,@c,@d){
	border-radius: @a @b @c @d;
	-webkit-border-radius:@a @b @c @d;
	-moz-border-radius:@a @b @c @d;
	-o-border-radius:@a @b @c @d;
	-ms-border-radius:@a @b @c @d;
}

#t-user-profile{
	padding:@medium 0;
	margin:0 @medium;
	line-height:@medium;
	border-bottom: 1px dotted @bor_col;
}
#t-user-profile .l,#t-user-profile .r{
	float:left;
}
#t-user-profile .l{
	width:140px;
}
#t-user-profile .r{
	padding-top:@normal;
	padding-left:@medium;
}
#t-user-profile .l .thumb img{
	width:140px;
	height:135px;
}
#t-user-profile .r .u-name{
 	font-size: @fs4;
    margin-bottom: @normal;
}
#t-user-profile .r p{
	font-size:@fs2;
}

#u-profile-main{
	padding:0 @medium;
	font-size:@fs2;
}
#u-profile-main #game-tweets-top{
	padding:@medium 0 @normal;
	border-bottom:1px solid @bor_col;
}
#u-profile-main #game-tweets-top h2{
	float:left;
	font-size:@font2;
	padding-right:@medium;
}
#game-tweets-list li{
	margin-bottom:@large;
}
#game-tweets-list li .l{
	position:relative;
	width:160px;
	margin-right:15px;
	_margin-right:7px;
	margin-top:40px;
}
#game-tweets-list .l .thumb{
	height:105px;
}
#game-tweets-list .l .thumb img{
	width:160px;
	height:105px;
}
#game-tweets-list .like-percent{
	position: absolute;
	top: 5px;
	right: 20px;
	font-size: @fs2;
	color: #FFF;
}
#game-tweets-list .tweets{
	background:#000000;
	position: absolute;
    bottom: 0;
    left: 0;
    color: #FFFFFF;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 100%;
}
#game-tweets-list .r .t-action{
	padding: @normal 0;
	vertical-align: middle;
}
#game-tweets-list .r .t-action strong{
	font-size:@fs3;
}
.t-action .tweet-action{
	padding-left:@large;
}
.tweet-action span,.tweet-action a,.tweet-action em{
	display:inline-block;
}
.tweet-action a{
	color:#888;
	margin-right:10px;
}
.tweet-action a:hover{
	color:@active_col;
}
.tweet-action a em{
	background:url(../images/u_wb_sprite.jpg) 0 0 no-repeat;
	width:18px;
	height:15px;
	vertical-align:middle;
}
.tweet-action a.video em{
	background-position:-50px 0;
}
.tweet-action a.image em{
	background-position:-75px 0;
}
.tweet-action a.links em{
	background-position:-100px 0;
}
.tweet-action a.reply em{
	background-position:-125px 0;
}
.tweet-action a.expand em{
	background-position:-150px 0;
}
.tweet-action a.collect em{
	background-position:-175px 0;
}
.tweet-action a.more em{
	background-position:-200px 0;
}
#game-tweets-list .tw-list li{
	margin:0;
}
#game-tweets-list .tw-list li .l{
	width:60px;
	margin:0 @medium 0 0;
}
#game-tweets-list .tw-list li .r{
	width: 538px;
}
#game-tweets-list .image-list li .l{
	width:160px;
}
#game-tweets-list .image-list li .r{
	width:438px;
}
.tw-list{
	border:1px solid @bor_col;
	padding:0 @normal;
	width:618px;
}
#game-tweets-list .tw-list li{
	padding:@normal 0;
	border-bottom: 1px solid @bor_col;
}
#game-tweets-list .tw-list li:last-child{
	border:none;
}
.tw-list .u-thumb{
	display:block;
	margin-bottom:@normal;
}
.tw-list .u-thumb img{
	width:60px;
	height:50px;
}
.tw-list li .follow{
	display:inline-block;
}
.tw-list .tw-author{
	position:relative;
}
.tw-list .tw-author em.time{
	position: absolute;
	right: 0;
	top: 0;
}
.tw-list .tw-content{
	padding: @normal 0;
}
.tw-list .tw-image p{
	margin:@normal 0;
}
.b-tw-action{
	padding: @medium 0 0;
	text-align: right;
}
/********tw-profile**********/
#tw-profile{
	padding:@medium @medium 0;
}
#tw-profile .t{
	margin-bottom:@normal;
}
#tw-profile .t h2{
	text-align:center;
}
#tw-profile .t img{
	vertical-align:middle;
}
#tw-profile .t h2 a:hover{
	text-decoration:none;
}
#tw-profile .tw-stats{
	background-color:#f5f5f5;
	border:1px solid  @bor_col;
}
.tw-stats li{
	background-color:#f5f5f5;
	float:left;
	border-left:1px solid @bor_col;
	text-align:center;
	padding:@normal 0;
	width: 33%;
}
.tw-stats li:first-child{
	border:none;
}
.tw-stats li a,.tw-stats li strong{
	display:block;
}
.tw-stats li a:hover{
	text-decoration:none;
}
.tw-stats li strong{
	font-size:@fs3;
}
/**********game profile************/
#t-game-profile{
	background:#FFF;
	margin-bottom:@medium;
	font-size:@fs2;
}
#t-game-profile .l{
	width:270px;
	margin-right:@medium;
	_margin-right:(@medium / 2);
}
#t-game-profile .game-left{
	padding:@medium 0 @medium @medium;
}
#t-game-profile .t-profile{
	margin-bottom: @medium;
	padding-bottom: @medium 0;
	border-bottom: 1px dashed @bor_col;
}
#t-game-profile .like-thumb{
	width:162px;
}
#t-game-profile .like-thumb img{
	width:162px;
	height:105px;
}
#t-game-profile .t-profile p{
	margin:@normal 0;
}
#t-game-profile .t-profile p label{
	font-weight:bold;
	padding-right:@normal;
}
#t-game-profile .b-review p{
	margin:@small 0;
}
#t-game-profile .r{
	width:840px;
	overflow:hidden;
}
#t-game-profile .r .game-name{
	padding:@normal 0;
}
#t-game-profile .r .game-video-screenhot{
	position:relative;
}
.game-video-screenhot .vplay{
	position: absolute;
	background: url(../images/video_play.png) no-repeat;
	width: 75px;
	height: 75px;
	top: 48%;
	left: 48%;
	.opacity(0.6);
	-webkit-transition:opacity 0.2s ease-in,opacity 0.2s ease-out;
	-moz-transition:opacity 0.2s ease-in,opacity 0.2s ease-out;
	-o-transition:opacity 0.2s ease-in,opacity 0.2s ease-out;
	transition:opacity 0.2s ease-in,opacity 0.2s ease-out;
}
.thumb:hover .vplay{
	.opacity(1);
}
#t-game-profile .r .game-tags{
	margin:@normal 0;
}
#t-game-profile .r .game-tags a{
	padding:2px @small;
}
#t-game-profile .r .game-intro{
	position:relative;
	margin: @normal 0;
}
.game-intro .fold{
	position: absolute;
	background: url(../images/game_sprite.jpg) 0 -205px no-repeat;
	width: 22px;
	height: 22px;
	right: 0;
	top: 0;
}
.tags{
	display: inline-block;
	background: url(../images/game_sprite.jpg) 0 -175px no-repeat;
	padding-left: 30px;
	height: 25px;
	vertical-align: middle;
	line-height: 25px;
}
.list{
	margin-bottom:@normal;
}
.list li{
	padding:@normal 0;
	border-bottom: 1px dashed @bor_col;
}
.image-list li,.links-list li,.tweets-list li{
	position:relative;
}
@image_total:815px;
@image_l:120px;
.image-list li .l{
	width:120px;
	margin-right:@medium;
	_margin-right:@normal;
}
.image-list li .r{
	width:(@image_total - @image_l - @medium);
}
.image-list li .intro,.links-list li .intro{
	float:left;
	width:80%;
	overflow:hidden;
}
.links-list li .intro{
	width:84%;
}
.tw-list li .intro{
	width:79%;
}
#game-tweets-list .image-list .intro{
	width:71%;
}
.image-list li .intro .title,.links-list li .intro .title{
	padding:@small 0;
	font-size:@fs3;
}
.image-list li .intro .title em,.image-list li .intro .title strong em{
	padding-left:@normal;
}
.image-list li .intro .title strong em{
		color:@active_col;
}
.image-list li .intro p{
	line-height:16px;
}

.related label{
	display:inline-block;
	width:50px;
	margin:@small;
	text-align:center;
	vertical-align:top;
}
.related label img{
	width:35px;
	height:35px;
}
.related label span{
	display:block;
	font-size:12px;
}
.related label span a{
	display: block;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.tweets-list .l{
	width:60px;
	margin-right:@medium;
	_margin-right:@normal;
}
.tweets-list .r{
	width:735px;
}
.tweets-list .tw-author{
	padding:@small 0;
}
.tweets-list .time{
	position:absolute;
	right:@small;
	top:15px;
}
/************search*************/
#search-wrapper .container{
	background:#FFF;
}
.search-box{
	padding:@medium;
}
.search-box .search-top{
	padding:@normal 0;
	border-bottom:1px solid @bor_col;
	font-size: @fs3;
}
.search-top strong{
	padding-right:@medium;
}
.order-btn{
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #F9F9F9),
		color-stop(1, #FFFFFF)
	);
	background-image: -o-linear-gradient(bottom, #F9F9F9 0%, #FFFFFF 100%);
	background-image: -moz-linear-gradient(bottom, #F9F9F9 0%, #FFFFFF 100%);
	background-image: -webkit-linear-gradient(bottom, #F9F9F9 0%, #FFFFFF 100%);
	background-image: -ms-linear-gradient(bottom, #F9F9F9 0%, #FFFFFF 100%);
	background-image: linear-gradient(to bottom, #F9F9F9 0%, #FFFFFF 100%);
	border:1px solid @bor_col;
	padding:8px @normal;
	.border-radius(2px,2px,2px,2px);
}
.order-btn em{
	background: url(../images/back/arrows_bg.png) no-repeat;
	display: inline-block;
	width: 10px;
	height: 12px;
	margin-left: @small;
	vertical-align: middle;
}
.order-desc em{
	background-position: 0 -10px;
}
.order-asc em{
	background-position: 0 -5px;
}
.order-btn:hover{
	color:@active_col;
}